.group-icon {
  width: 19.1px;
  position: relative;
  height: 20px;
}
.group-icon1,
.group-icon2 {
  width: 153.7px;
  position: relative;
  height: 21.1px;
}
.group-icon2 {
  width: 21.6px;
  height: 7.4px;
}
.faster-template-inner,
.group-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-parent {
  width: 174.9px;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1px 2px;
}
.faster-template-inner {
  position: absolute;
  top: 7893.3px;
  left: -269px;
  flex-direction: column;
}
.sign-in {
  position: absolute;
  top: 38px;
  left: 1110px;
  font-size: var(--paragraph-size);
  line-height: 150%;
  font-family: var(--font-raleway);
  color: var(--color-lightslategray);
  opacity: 0.8;
}

.sign-in a {
  color: inherit; /* Inherit color from parent */
  text-decoration: none; /* Remove underline */
  font-size: inherit; /* Inherit font size from parent */
  font-family: inherit; /* Inherit font family from parent */
  line-height: inherit; /* Inherit line height from parent */
  opacity: inherit; /* Inherit opacity from parent */
  display: inline-block; /* Ensure it behaves like inline-block */
}

.faster-template-item {
  position: absolute;
  top: 565px;
  left: 351px;
  border-radius: var(--br-xl);
  width: 764px;
  height: 68px;
}
.you-are-a {
  position: absolute;
  top: calc(50% - 109.5px);
  left: calc(50% - 407px);

  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */


  /* top: 100px; 
  left: 100px;  */


  top: calc(50% - 109.5px);
  left: calc(50% - 407px);

  line-height: 100%;
  display: inline-block;
  white-space: pre-wrap;
  width: 788px;
}
/* .have-a-restaurant {
  margin: 0;
}
.have-a-restaurant-container {
  position: absolute;
  top: calc(50% - 36.5px);
  left: calc(50% - 235px);
  line-height: 100%;
  display: inline-block;
  width: 642px;
}
.you-are-a-student-parent {
  position: absolute;
  top: calc(50% - 2446.5px);
  left: calc(50% - 658px);
  width: 814px;
  height: 219px;
  font-size: var(--font-size-54xl-3);
  font-family: var(--font-raleway);
} */

.have-a-restaurant {
  margin: 0;
  padding: 0;
  display: inline-block;
  font-size: var(--font-size-54xl-3); /* Inherit the specific font size */
  font-family: var(--font-raleway);   /* Inherit the specific font family */
  color: inherit; /* Ensure the color is inherited from the parent */
  line-height: inherit; /* Inherit the line height from the parent */
}

.have-a-restaurant-container {
  position: absolute;
  /* top: calc(50% - 36.5px);
  left: calc(50% - 235px); */


  top: 150px; /* Simplified for visibility */
  left: 100px; /* Simplified for visibility */
/* 
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */


  top: calc(50% - 36.5px);
  left: calc(50% - 235px);

  line-height: 100%;
  /* display: inline-block; */
  width: 642px;

  margin-left: 65px;
}

.have-a-restaurant-container .have-a-restaurant:last-child {
  margin-left: -90px;
}

/* .have-a-restaurant-container .have-a-restaurant:first-child {
  margin-left: 50px;
} */

.you-are-a-student-parent {
  position: absolute;
  /* top: calc(50% - 2446.5px);
  left: calc(50% - 658px); */

  /* top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); */

  /* top: 200px; 
  left: 100px; */



  top: calc(50% + 200px); /* Adjusted for testing */
  left: calc(50% - 658px); /* Adjusted for testing */

  width: 814px;
  height: 219px;
  font-size: var(--font-size-54xl-3); /* Ensure this font size is applied */
  font-family: var(--font-raleway);   /* Ensure this font family is applied */
  margin-left: -90px;
}



.group-child {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-3xs);
  background-color: var(--color-blueviolet);
  width: 132px;
  height: 48px;
}
.sign-up {
  position: absolute;
  top: 12px;
  left: 36px;
  line-height: 150%;
  display: inline-block;
  width: 60px;
}
.rectangle-parent {
  position: absolute;
  top: 26px;
  left: 1196px;
  width: 132px;
  height: 48px;
  text-align: center;
  font-size: var(--paragraph-size);
  color: var(--font-white);
  font-family: var(--font-raleway);
}
.sign-up a {
  color: inherit; /* Inherit color from parent */
  text-decoration: none; /* Remove underline */
  font-size: inherit; /* Inherit font size from parent */
  font-family: inherit; /* Inherit font family from parent */
  line-height: inherit; /* Inherit line height from parent */
  display: inline-block; /* Ensure it behaves like inline-block */
  width: 100%; /* Ensure it takes up the full width */
  height: 100%; /* Ensure it takes up the full height */
  position: absolute;
  top: 0; 
  left: 0; 
}



.i-am-a,
.qr-code-simba {
  position: absolute;
  line-height: 150%;
  pointer-events: none;
}
.qr-code-simba {
  top: 33px;
  left: 132px;
  font-size: var(--font-size-11xl);
  font-weight: 800;
}
.i-am-a {
  top: 581px;
  left: 375px;
  font-size: var(--font-size-5xl);
  display: inline-block;
  width: 728px;
  height: 36px;
}
.qr-code-1-icon {
  position: absolute;
  top: 36px;
  left: 81px;
  width: 37.3px;
  height: 37.3px;
  object-fit: cover;
}
.rectangle-div {
  position: absolute;
  top: 22px;
  left: 423px;
  border-radius: var(--br-xl);
  background-color: var(--color-gray-300);
  border: 1px solid var(--font-white);
  box-sizing: border-box;
  width: 664px;
  height: 68px;
}
.home {
  position: absolute;
  top: 42px;
  left: 462px;
  line-height: 150%;
}
.icon,
.tab-name {
  position: relative;
}
.icon {
  width: 18px;
  height: 21px;
  overflow: hidden;
  flex-shrink: 0;
  display: none;
}
.tab-name {
  line-height: 150%;
}
.polygon-icon {
  width: 9px;
  position: relative;
  height: 9px;
  object-fit: contain;
}
.name {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-5xs);
}
.underline1 {
  position: absolute;
  height: 100%;
  width: calc(100% + 57px);
  top: 100%;
  right: -57px;
  bottom: -100%;
  left: 0;
  background-color: var(--font-main);
}
.underline {
  align-self: stretch;
  position: relative;
  height: 3px;
  overflow: hidden;
  flex-shrink: 0;
}
.huge-tab {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--padding-5xs) var(--padding-base);
  padding-left: 0px;
}
.about {
  position: absolute;
  top: 33px;
  left: 575px;
  width: 92px;
  height: 45px;
}
.tab-name1 {
  position: relative;
  line-height: 25.2px;
}
.future-projects,
.our-ai,
.types,
.vector-icon {
  position: absolute;
  top: 33px;
  left: 679px;
  width: 90px;
  height: 45px;
}
.future-projects,
.our-ai,
.vector-icon {
  left: 788px;
  width: 96px;
}
.future-projects,
.vector-icon {
  left: 896px;
  width: 175px;
}
.vector-icon {
  top: 400px;
  left: 81px;
  width: 192px;
  height: 224px;
  object-fit: contain;
}
.faster-template {
  width: 100%;
  position: relative;
  background-color: var(--color-ghostwhite-100);
  /* height: 7371px; */
  overflow: hidden;
  text-align: left;
  font-size: var(--paragraph-default-size);
  color: var(--color-gray-200);
  font-family: var(--paragraph);
}


.group-child10 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 3px 14px rgba(74, 58, 255, 0.03),
    0-2px 4px rgba(20, 20, 43, 0.12), 0 12px 44px rgba(20, 20, 43, 0.34);
  border-radius: 32px;
  background-color: var(--font-white);
}
.group-icon18 {
  position: absolute;
  height: 3%;
  width: 2.32%;
  top: 5.24%;
  right: 4.16%;
  bottom: 91.76%;
  left: 93.52%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.group-child11 {
  position: absolute;
  top: 66px;
  left: 275px;
  border-radius: 39.27px;
  background-color: var(--primary-color-1);
  width: 140px;
  height: 140px;
  opacity: 0.1;
}
.group-child12 {
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: var(--input-default);
  border-radius: 60px;
  background-color: var(--font-white);
  border: 1px solid var(--neutral-300);
  box-sizing: border-box;
  width: 560px;
  height: 77.9px;
}
/* Resetting and adjusting styles for the new layout */
.button-text {
  line-height: 20px;
  font-size: 16px; /* Adjust font size as needed */
  color: #fff; /* Adjust text color as needed */
  text-align: center;
}

.primary-btn {
  box-shadow: 0 3px 12px rgba(74, 58, 255, 0.18);
  border-radius: 56px;
  background-color: var(--primary-color-1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-base) 32px 19px;
  margin: 20px 0; /* Adjust the margin as needed */
}

.primary-btn-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 80px;
  /* width: 560px; */
  /* height: 77.9px; */
  height: 100%; /* Adjust as needed to ensure centering within the parent */
  width: 100%; /* Adjust as needed to ensure centering within the parent */
}


/* .button-text {
  position: relative;
  line-height: 20px;
}
.primary-btn {
  position: absolute;
  top: 11.4px;
  left: 394.6px;
  box-shadow: 0 3px 12px rgba(74, 58, 255, 0.18);
  border-radius: 56px;
  background-color: var(--primary-color-1);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-base) 32px 19px;
} */
.enter-your-email {
  position: absolute;
  top: 25.9px;
  left: 39.6px;
  line-height: 20px;
  color: var(--neutral-600);
  text-align: left;
  display: inline-block;
  width: 304px;
}
.rectangle-parent3 {
  position: absolute;
  top: 146px;
  left: 0;
  width: 560px;
  height: 77.9px;
}
.ai-qr-code2 {
  position: absolute;
  top: 0;
  left: 88.4px;
  line-height: 46px;
}
.receive-new-articles {
  position: absolute;
  top: 54px;
  left: 0;
  font-size: var(--paragraph-default-size);
  line-height: 30px;
  color: var(--neutral-600);
  display: inline-block;
  width: 493px;
}
.ai-qr-code-advisor-parent {
  position: absolute;
  top: 0;
  left: 32.6px;
  width: 493px;
  height: 114px;
  font-size: var(--headings-typography-size-2-size);
  color: var(--neutral-800);
}
.group-parent5,
.group-wrapper,
.mask-group-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 560px;
  height: 223.9px;
}
.group-wrapper,
.mask-group-icon {
  top: 229px;
  left: 65.3px;
}
.mask-group-icon {
  top: 84.8px;
  left: 300px;
  width: 92px;
  height: 100.3px;
}
.popup-item-inner {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.popup-item {
  width: 690px;
  position: relative;
  height: 534px;
  max-width: 90%;
  max-height: 90%;
  overflow: auto;
  text-align: center;
  font-size: var(--paragraph-default-size);
  color: var(--font-white);
  font-family: var(--paragraph-default);
}